iT邦幫忙

2021 iThome 鐵人賽

DAY 14
0

上一篇介紹 firestore CRUD 的各種方式,今天要來介紹進階的查詢資料方式,利用條件去過濾出符合條件的資料,而不是每次都把所有資料都拿回來

firestore 的查詢方法

  • where 新增查詢條件,下方會詳細說明
  • orderBy 決定結果要以哪個欄位作為排序,要升冪或降冪排序
  • limit 決定要取多少筆結果
  • startAt 決定結果要從哪裡開始,包含自己
  • startAfter 決定結果要從哪裡開始,不包含自己
  • endAt 決定結果要到哪裡結束,包含自己
  • endBefore 決定結果要到哪裡結束,不包含自己

where 查詢條件

firestore的查詢方法蠻直接與直觀的,比較複雜的是where的查詢條件

  • < 小於
  • <= 小於或等於
  • == 等於
  • > 大於
  • >= 大於或等於
  • !=不等於
  • array-contains 陣列包含
  • array-contains-any 陣列包含任一
  • in 等於以下任一值
  • not-in 不等於以下任一

以上就是firestore 使用條件查詢的方式

查詢條件不是只能一項,可以使用多項條件查詢,像是:

使用angular fire查詢

this.firestore.collection("fruits",ref=>ref
.where("price", ">=", 200)
.orderBy("price", "asc"))

用白話說明就是:查詢水果的集合,價錢大於200元且要升冪排列

在firestore 網頁玩玩看排序吧

firestore的頁面上面,就有提供簡易的條件查詢

https://ithelp.ithome.com.tw/upload/images/20210929/20120107J5JEu8Q1Tn.png

點選套用之後,就可以看到條件查詢的結果

https://ithelp.ithome.com.tw/upload/images/20210929/20120107kz3k9HwJdX.png

如果條件結果符合預期的話,firestore 也很貼心提供查詢條件,只要複製貼上到專案裡面就可以得到同樣的結果囉

https://ithelp.ithome.com.tw/upload/images/20210929/20120107ok7sEKO0jz.png

以上就是對於firestore 的條件查詢的簡單介紹


上一篇
DAY13 - 認識與操作 firestore
下一篇
DAY15 - 利用 firebase 的 Authentication 建立會員系統與頁面串接
系列文
做一個面試官無法拒絕的sideproject,當一個全能的前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言